<template>
    <view class="content">
        <view class="header">
            <image src="../../static/shilu9-login/logo.png"></image>
        </view>
        <view class="list">
            <view class="list-call">
                <image class="img" src="/static/shilu-login/1.png"></image>
                <input class="sl-input" v-model="phone" type="number" maxlength="11" placeholder="请输入手机号"></input>
            </view>
            <view class="list-call">
                <image class="img" src="/static/shilu-login/2.png"></image>
                <input class="sl-input" v-model="password" type="text" maxlength="32" placeholder="请输入密码" :password="!showPassword"></input>
                <image class="img" :src="showPassword?'/static/shilu-login/op.png':'/static/shilu-login/cl.png'" @tap="display"></image>
            </view>
            <view class='list-call'>
                <image class="img" src="/static/shilu-login/3.png"></image>
                <input class="sl-input" v-model="code" type="number" maxlength="4" placeholder="验证码"></input>
                <view class="yzm" :class="{yam:second>0}" @tap="getcode">{{ yanzhengma }}</view>
            </view>
    </view>
    <view class="list-call">
        <image class="img" src="/static/shilu-login/4.png"></image>
        <input class="sl-input" v-model="invitation" type="text" maxlength="12" placeholder="邀请码"></input>
    </view>
</template>
<script>
var _this, jsx;
export default{
    onLoad(){
        _this = this;
    },
    onUnload(){
        clearInterval(js)
        this.second = 0;
    },
    data(){
        return{
            phone:'',
            paswword:'',
            code:'',
            invitation:'',
            agreement:true,
            showPssword:false,
            second:0
        }
    },
    computed:{
        yanzhengma(){
            if(this.second == 0){
                return '获取验证码'
            }else{
                if(this.second < 10){
                    return '重新获取1' + this.second;
                }else{
                    return '重新获取2' + this.second;
                }
            }
        }
    },
    onUnload(){
        this.clear()
    },
    methods:{
        clear(){
            clearInterval(js)
            js = null
            this.second = 0
        },
        display(){
            this.showPassword = !this,showPassword
        },
        agreementSuccess(){
            this.agreement = !this.agreement
        },
        getcode(){
            if(this.phone.length != 11){
                uni.showToast({
                    icon:'none',
                    title:'手机号不正确'
                });
                return;
            }
            if(this.second > 0){
                return;
            }
        }
    }
}
</script>